<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <link rel="stylesheet" href="/DBP/style/stylesheet.css" type="text/css" >

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<!-- Show and Hiding Script -->
	<script type="text/javascript">
	function hideshow(which){
		if (!document.getElementById)
			return
		if (which.style.display=="block")
			which.style.display="none"
			else
			which.style.display="block"
			}
	</script>	





  </head>
  
  <body>
   <div class="bg">
<div class="content" >
<jsp:include page="/nav.jsp" />
	<div class= "pagetitle">Help Center -> Tutorial</div><br/>
		<div class="entrytitle">
			 
			<div class="entry" >
			<h3>How to Create Short or Multiple Choices Question?</h3>
			
			<li>Select <a href="javascript:hideshow(document.getElementById('edit'))"> <b>edit</b> </a> from your homepage menu in poll creation sections. </li>
			<div id="edit"; style="display: none">
			<img src="/DBP/images/pa/newpoll1.JPG" width="500" height="130"/> <br/> <br/>
			</div>
			
			<a href="javascript:hideshow(document.getElementById('multiplechoices'))"><h4>Multiple Choices</h4></a>
			<div id="multiplechoices"; style="display: none">
			<li>Fill the form and you can add "number of choices" by click <b>+Add option</b>. </li>
			<li> You also can change font style and timer.</li>
			<img src="/DBP/images/pa/createquestionpc.JPG" width="740" height="410"/> <br/> <br/>
			</div>
			
			<a href="javascript:hideshow(document.getElementById('shortanswer'))"><h4>Short Answer</h4></a>
			<div id="shortanswer" ; style= "display: none">
			<li>Fill the form and you can choices between 'Alphanumeric' and 'Numeric'.</li>
			<li>In this case, we use Numeric and Single type.</li>
			<img src="/DBP/images/pa/createquestionpc2.JPG" width="500" height="250"/> <br/> <br/>
			<li><a href="javascript:hideshow(document.getElementById('rangetype'))">Range</a> type means the answer will correct as long as still inside the range numbers. </li>
			<div id="rangetype"; style= "display: none"><img src="/DBP/images/pa/range.JPG" width="300" height="100"/> <br/></div> <br/>
			<li> <a href="javascript:hideshow(document.getElementById('Alphanumeric'))"> If you want to choose Alphanumeric </a>, then just type all of your possible answers.</li>
			<div id="Alphanumeric"; style="display:none"><img src="/DBP/images/pa/alphanumeric.JPG" width="500" height="100"/> <br/></div> <br/>
			</div>
			
			<li>In the end, the questions that you create will appear in the Edit Questions Pages.</li>
			<img src="/DBP/images/pa/createshortquest1.JPG" width="650" height="100" /> <br/> <br/>
			
			<input type="button" class="button" value="Back" onclick="history.back()" />
			</div>
		</div>
	</div>
</div>
  </body>
</html>
